<!--
 * @Author: your name
 * @Date: 2021-03-26 19:20:23
 * @LastEditTime: 2021-06-18 16:06:36
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /medicine-web/src/views/index.vue
-->
<template>
  <div class="float-button-container">
    <img :src="require('@/assets/image/share.png')" alt="" srcset="" style="width: 20px; height: 20px;">
    <span>分享</span>
  </div>
</template>
<script>
import { mapGetters } from 'vuex'
export default {
  name: 'floatBtn',
  components: {
  },
  data() {
    return {
    }
  },
  methods: {
  },
  mounted () {
  },
  computed: {
    ...mapGetters({})
  },
}
</script>
<style lang="scss" scoped>
@import '~@/assets/styles/flex.scss';
.float-button-container {
  @include flex-def;
  @include flex-zTopBottom;
  @include flex-zCenter;
  @include flex-cCenter;
  background-color: #fff;
  width: 71px;
  height: 71px;
  box-shadow: 5px 1px 15px 0px rgba(46, 108, 211, 0.17);
  border-radius: 50%;
  span {
    margin-top: 6px;
    font-size: 16px;
    color: #558DFF;
  }
}
</style>